
<style>
	/* 选择按钮  */
	.carInspectionInfo-panel .chooseInfo button,
	.carInspectionInfo-panel .chooseInfo input{
		border-radius: 4px;
		background: #fff;
		border: 1px solid #27a9e3;
		color: #666;
		text-align: center;
		margin: 0 5px;
		padding: 2px;
		width: 45px;
		display: inline-block;
	}
	.carInspectionInfo-panel .chooseInfo .action{
		background: #27a9e3;
		border: 1px solid #27a9e3;
		color: #fff;
	}


	/* 查询条件  */
	.carInspectionInfo-panel .search-panel .search-Div1{
		text-align: center;
		display: inline-block;
		width: 170px;
		margin: 0 20px;
	}
	.carInspectionInfo-panel .search-panel .search-Div2{
		display: inline-block;
		width: 290px;
		margin: 0 20px;
	}
	.carInspectionInfo-panel .search-panel .search-Div3{
		display: inline-block;
	}

	.carInspectionInfo-panel .search-panel .search-Div1 p:first-child{
		border-bottom: 1px solid #ddd;
		line-height: 35px;
	}
	.carInspectionInfo-panel .search-panel .search-Div1 span{
		font-size: 18px;
	}
	.carInspectionInfo-panel .search-panel .search-Div1 span.sp1{
		font-size: 20px;
		color: red;
		margin-right: 10px;
	}

	.carInspectionInfo-panel .search-panel .filterInfo{
		background: #27a9e3;
		border-radius: 4px;
		margin: 5px;
		padding: 4px 10px;
		color: #333;
	}
	.carInspectionInfo-panel .search-panel .filterInfo h5{
		font-weight: normal;
		display: inline-block;
		text-align: right;
		width: 100px;
	}
	.carInspectionInfo-panel .search-panel .filterInfo button{
		width: 45px;
		text-align: center;
		background: #fff;
		border-radius: 3px;
		display: inline-block;
		margin: 0 2px;
		border: none;
	}
	.carInspectionInfo-panel .search-panel .filterInfo button.action{
		background: #454545;
		color: #fff;
	}

	/* 车牌信息结构  */
	.carInspectionInfo-panel .carInfo-panel{
		width: 100%;
		height: calc(100% - 100px);
	}
	.carInspectionInfo-panel .carInfo-panel .carData{
		width: 25%;
		display: inline-block;
		float: left;
		margin:0;
	}
	.carInspectionInfo-panel .carInfo-panel .carMessage{
		width: 35%;
		display: inline-block;
		float: left;
		margin: 0 1%;
	}
	.carInspectionInfo-panel .carInfo-panel .carParam{
		width: 35%;
		display: inline-block;
		float: left;
		border-width:0 1px 1px;
		border-style: solid;
		border-color: #dbdbde;
		background: #e3f2ff;
	}


	/* 车牌信息处理 */
	.carInspectionInfo-panel .carData .checkboxDiv{
		line-height: 32px;
		text-align: center;
	}
	.carInspectionInfo-panel .carData .checkboxDiv label{
		color: #27a9e3;
		margin-right: 20px;
	}

	/* 车牌信息列表 */
	.carInspectionInfo-panel .carParam h5{
		line-height: 32px;
		font-weight: normal;
		text-indent: 10px;
		background-color: #f3f3f4;
		border-bottom: 1px solid #dbdbde;
		background-image: none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	}
	.carInspectionInfo-panel .carParam table{
		width: 97%;
		margin: 0 auto;
	}
	.carInspectionInfo-panel .carParam table tr{
		line-height: 35px;
	}
	.carInspectionInfo-panel .carParam table tr td{
		border-bottom: 1px solid #dbdbde;
	}
	.carInspectionInfo-panel .carParam table tr td button{
		background: #ff8400;
		border-radius: 3px;
		border: 1px solid #ff6f18;
		width: 35px;
		line-height: 20px;
		color: #fff;
		cursor: pointer;
	}
	.carInspectionInfo-panel .carParam table tr td button:hover{
		background: #e57700;
		border: 1px solid #ff8400;
	}
	.carInspectionInfo-panel .carParam .timeContrast{
		height: 40px;
		line-height: 40px;
		background: #00b2ff;
	}
	.carInspectionInfo-panel .carParam .timeContrast span{
		color: #fff;
		font-size: 18px;
	}
	.carInspectionInfo-panel .carParam .timeContrast span.sp1,
	.carInspectionInfo-panel .carParam .timeContrast span.sp3{
		width: 70px;
		display: inline-block;
		text-align: center;
	}
	.carInspectionInfo-panel .carParam .timeContrast span.sp2{
		width: calc(100% - 150px);
		display: inline-block;
		text-align: center;
	}
	.carInspectionInfo-panel .carParam .newRecord{
		background: #2fb200;
		line-height: 40px;
		color: #fff;
		text-align: center;
		font-size: 18px;
	}
	.carInspectionInfo-panel .carParam .chooseList{
		padding: 10px 10px 5px;
		color: #27a9e3;
	}


	/* 车牌信息展示、纠正  */
	.carInspectionInfo-panel .carMessage .plateNumber{
		background: #e3f2ff;
		border: 1px solid #dbdbde;
		padding: 10px;
		width: 93%;
		margin: 0 auto;
	}
	.carInspectionInfo-panel .carMessage .numberInto{
		background: #389eff;
		border-radius: 4px;
		border-bottom: 2px solid #277ac9;
		width: calc(100% - 10px);
		margin: 0 auto;
		padding: 10px 0 10px 10px;
		display: inline-block;
		height: 50px;
	}
	.carInspectionInfo-panel .carMessage .numberInto button{
		border: none;
		background: #ff8400;
		border-radius: 0 4px 4px 0;
		color: #fff;
		font-size: 18px;
		width: 70px;
		line-height: 70px;
		cursor: pointer;
		float: right;
		margin-top: -10px;
		box-shadow:0 2px 0 #277ac9;
		transition: all .2s ease;
		position: relative;
		top:0;
	}
	.carInspectionInfo-panel .carMessage .numberInto button:hover{
	    background: #f78204;
	    box-shadow: 0px 2px #cf6d03;
	}
	.carInspectionInfo-panel .carMessage .numberInto button:active{
		box-shadow: 0px 0px #e17400;
		top:2px;
	}
	.carInspectionInfo-panel .carMessage .numberInto input[type="text"]{
		background: #fff;
		border: 1px solid #929292;
		border-radius: 4px;
		color: red;
		width: 33px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		margin: 0 3px;
		display: inline-block;
		float: left;
		font-size:24px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo{
		border-width: 1px 1px 0 1px;
		border-color: #dbdbde;
		border-style: solid;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .icon{
		color: #8dc7ff;
		font-size: 24px;
		text-align: center;
		width: 100%;
		display: inline-block;
		height: 25px;
		font-weight: bold;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn{
		text-align: center;
		margin: 10px 0;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn .edit{
		background: #ff8400;
		line-height: 50px;
		color: #fff;
		border-radius: 4px;
		width: 150px;
		border: none;
		cursor: pointer;
		font-size: 18px;
		margin: 0 20px;
		box-shadow: 0px 5px #e17400;
		transition: all .2s ease;
		position: relative;
		top:0;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn button.edit:hover{
	    background: #f78204;
	    box-shadow: 0px 5px #cf6d03;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn button.edit:active{
		box-shadow: 0px 0px #e17400;
		top:4px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn .del{
		background: #ccc;
		line-height: 50px;
		color: #666;
		border-radius: 4px;
		width: 150px;
		border: none;
		cursor: pointer;
		font-size: 18px;
		margin: 0 20px;
		box-shadow: 0px 5px #b8b8b8;
		transition: all .2s ease;
		position: relative;
		top:0;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn button.del:hover{
	    background: #c5c4c4;
	    box-shadow: 0px 5px #b1b0b0;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .correctBtn button.del:active{
		box-shadow: 0px 0px #b8b8b8;
		top:4px;
	}

	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown{
		display: inline-block;
		position: relative;
		float: left;
		margin-left: 3px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown label{
		line-height: 50px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown ul li{
		line-height: 25px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown label,
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown ul li{
		display: block;
		width: 65px;
		background: #fff;
		padding: 0 0 0 10px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown label:hover,
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown ul li:hover{
		background: #fbfafa;
		color: #666;
		cursor: pointer;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown label{
		color: #666;
		border: 1px solid #929292;
		border-radius: 4px;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown input{
		display: none;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown input ~ ul{
		visibility: hidden;
		opacity: 0;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown input:checked + label{
		background: #fff;
		color: #666;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown .float-right{
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-top: 8px solid #85c4ff;
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 5px;
		z-index: 2;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown input:checked ~ ul{
		visibility: visible;
		opacity: 1;
	}
	.carInspectionInfo-panel .carMessage .correctInfo .plateNumber dropdown .animate{
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
		backface-visibility:hidden;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
	}
	.carInspectionInfo-panel .carMessage .numberInfo{
		height: 80px;
		padding: 10px 0 0;
		width: 100%;
		border-width: 0 1px;
		border-color: #dbdbde;
		border-style: solid;
	}
	.carInspectionInfo-panel .carMessage .numberInfo .div1{
		display: inline-block;
		float: left;
		border-radius: 3px;
		height: 68px;
		width: 250px;
		background: #333;
		margin: 0 0 0 20px;
	}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span{
		background: #333;
		border: 1px solid #fff;
		line-height:64px;
		color: #fff;
		text-align: center;
		display: inline-block;
		border-radius: 3px;
		margin: 1px 0 0 1px;
		width: 246px;
		font-size: 34px;
	}

	/* 车牌颜色  */
	.carInspectionInfo-panel .carMessage .numberInfo .div1.black{background: #333;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span.black{background: #333;color: #fff;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1.blue{background: #021a7a;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span.blue{background: #021a7a;color: #fff;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1.yellow{background: #fff302;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span.yellow{background: #fff302;color: #000;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1.white{background: #fff;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span.white{background: #fff;color: #000;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1.green{background: #009064;}
	.carInspectionInfo-panel .carMessage .numberInfo .div1 span.green{background: #009064;color: #fff;}


	.carInspectionInfo-panel .carMessage .numberInfo .div2{
		display: inline-block;
		float: left;
		border: 1px solid #389eff;
		background: #fff;
		color: #389eff;
		text-align: center;
		line-height: 66px;
		width: 86px;
		margin: 0 10px;
		padding: 0 5px;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn1{
		display: inline-block;
		float:left;
		background: #ff8400;
		width: 100px;
		height:66px;
		border-radius: 3px 0 0 3px;
		color: #fff;
		border: none;
		box-shadow:0 3px #277ac9;
		border-right: 2px solid #277ac9;
		font-size: 18px;
		cursor: pointer;
		transition: all .2s ease;
		position:relative;
		top:0;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn1:hover{
	    background: #f78204;
	    box-shadow: 0 3px #cf6d03;;
	    border-right: 2px solid #cf6d03;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn1:active{
	    box-shadow: 0 0 #e17400;
	    top:2px;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn2{
		display: inline-block;
		float:left;
		background: #ff8400;
		width: 100px;
		height:66px;
		border-radius: 0 3px 3px 0;
		color: #fff;
		border: none;
		box-shadow: 0 3px 0 #277ac9;
		font-size: 18px;
		cursor: pointer;
		border-left:2px solid #277ac9;
		transition: all .2s ease;
		position:relative;
		top:0;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn2:hover{
	    background: #f78204;
	    box-shadow: 0 3px #cf6d03;;
	    border-left: 2px solid #cf6d03;
	}
	.carInspectionInfo-panel .carMessage .numberInfo button.btn2:active{
	    box-shadow: 0 0 #e17400;
	    top:2px;
	}


	/* 车牌展示切换-图片、详情 */
	.carInspectionInfo-panel .carMessage .switchInfo{
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #dbdbde;
		position: relative;
		background-color: #f3f3f4;
		background-image: none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	}
	.carInspectionInfo-panel .carMessage .switchInfo .title{
		line-height: 32px;
		background-color: #f3f3f4;
		border-bottom: 1px solid #dbdbde;
		background-image: none,-moz-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-ms-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-webkit-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,-o-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
		background-image: none,linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,0) 100%);
	}
	.carInspectionInfo-panel .carMessage .switchInfo input{
		width: 100px;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		opacity: 0;
		cursor: pointer;
		position: absolute;
		left: 0;
		top: 0;
	}
	.carInspectionInfo-panel .carMessage .switchInfo input#tab-2{
		left: 100px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo label{
		width: 100px;
		height: 32px;
		line-height: 32px;
		display: inline-block;
		text-align: center;
		background-color: #f3f3f4;
	}
	.carInspectionInfo-panel .carMessage .switchInfo input:checked + label{
		background: #fff;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .content{
		background: #fff;
		height: 395px;
		position: relative;
		border-top: 1px solid #dbdbde;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .content .content-1,
	.carInspectionInfo-panel .carMessage .switchInfo .content .content-2{
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		z-index: 1;
		-webkit-transition: opacity linear 0.1s;
		-moz-transition: opacity linear 0.1s;
		-o-transition: opacity linear 0.1s;
		-ms-transition: opacity linear 0.1s;
		transition: opacity linear 0.1s;
	}
	.carInspectionInfo-panel .carMessage .switchInfo input.tab-selector-1:checked ~ .content .content-1,
	.carInspectionInfo-panel .carMessage .switchInfo input.tab-selector-2:checked ~ .content .content-2{
		opacity: 1;
		z-index: 2;
		-webkit-transition: opacity ease-out 0.2s 0.1s;
		-moz-transition: opacity ease-out 0.2s 0.1s;
		-o-transition: opacity ease-out 0.2s 0.1s;
		-ms-transition: opacity ease-out 0.2s 0.1s;
		transition: opacity ease-out 0.2s 0.1s;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .content .content-2 .list{
		display: inline-block;
		line-height: 35px;
		width: 290px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .content .content-2 .list label{
		background: none;
		text-align: right;
	}


	/* 图片切换 */
	.carInspectionInfo-panel .carMessage .switchInfo .small-img{
		display: flex;
		align-items:center;
		justify-content: center;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .clearfix:before,
	.carInspectionInfo-panel .carMessage .switchInfo .clearfix:after{
		display: table;
		line-height: 0;
		content: "";
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier{
		width: 600px;
		position: relative;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-container{
		width: 600px;
		height: 340px;
		overflow: hidden;
		position: relative;
		border: 1px solid #ddd;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .move-view{
		width: 100px;
		height: 100px;
		position: absolute;
		background-image: url('images/tu-move-box.png');
	}
	.carInspectionInfo-panel .carMessage .switchInfo .images-cover{
		height: 100%;
		width: 100%;
		position: relative;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .images-cover img{
		position: absolute;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-assembly{
		height: 52px;
		overflow: hidden;
		position: relative;
		padding-left: 30px;
		padding-right: 30px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-btn{
		position: absolute;
		font-family: "宋体";
		width: 100%;
		top: 50%;
		left: 0;
		margin-top: -20px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-btn span{
		line-height: 40px;
		height: 40px;
		width: 20px;
		background-color: #6e6e6e;
		color: #fff;
		display: block;
		z-index: 9998;
		text-align: center;
		font-size: 20px;
		cursor: pointer;
		border-radius: 3px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-btn .magnifier-btn-left{
		float: left;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-btn .magnifier-btn-right{
		float: right;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-line{
		position: relative;
		overflow: hidden;
		height: 92px;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-line ul{
		display: block;
		font-size: 0;
		width: 10000%;
		position: absolute;
		left: 0;
		z-index: 9997;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-line li{
		float: left;
		width: 100px;
		cursor: pointer;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-line ul > .active .small-img{
		border-color: #bbb;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .small-img{
		height: 38px;
		padding: 1px;
		margin: 5px;
		overflow: hidden;
		border: 1px solid #ddd;
		text-align: center;
		background: #fff;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .small-img img{
		max-width: 100%;
		max-height: 100%;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-view{
		width: 100%;
		height: 100%;
		position: absolute;
		right: -103.3%;
		top: 0;
		z-index: 9999;
		background-color: #fff;
		display: none;
		overflow: hidden;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .magnifier-view img{
		display: block;
	}
	.carInspectionInfo-panel .carMessage .switchInfo .animation03{
		transition: all 0.3s ease-in 0.1s;
		-ms-transition: all 0.3s ease-in 0.1s;
		-moz-transition: all 0.3s ease-in 0.1s;
		-webkit-transition: all 0.3s ease-in 0.1s;
		-o-transition: all 0.3s ease-in 0.1s;
	}
	#vehicle-inspection #eg-record {
		display: none;
		visibility: hidden;
	}
	
</style>
<div style="min-width:1110px;height:100%;overflow:auto" id="vehicle-inspection">
	<div class="main carInspectionInfo-panel" style="width:1720px;height:100%;">
		<div class="search-panel" style="width: 100%;border-bottom: 1px solid #c5c5c5; padding: 5px 0;">
			<div class="search-Div1">
				<p><span class="sp1" id="now_car">0</span><span>(在场数)</span></p>
				<p><span class="sp1">0</span><span>(车位数)</span></p>
			</div>
			<div class="search-Div2">
				<div class="filterInfo" id="reliability">
					<h5>可信度过滤：</h5>
					<button class="action" type="button" onclick="inspectionManager.choiceType(this)" value="90">90</button>
					<button type="button" onclick="inspectionManager.choiceType(this)" value="80">80</button>
					<button type="button" onclick="inspectionManager.choiceType(this)" value="70">70</button>
				</div>
				<div class="filterInfo" id="traffic-type">
					<h5>用户种类过滤：</h5>
					<button class="action" type="button" onclick="inspectionManager.choiceType(this)" value="0">临时</button>
					<button type="button" onclick="inspectionManager.choiceType(this)" value="1">月卡</button>
					<button type="button" onclick="inspectionManager.choiceType(this)" value="2">储值</button>
				</div>
			</div>
			<div class="search-Div3">
				<div class="chooseInfo" style="text-align:right;margin-right:20px">
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="0">今天</button>
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="3">3天</button>
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="7">7天</button>
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="30">30天</button>
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="-2">1年</button>
					<button type="button" onclick="inspectionManager.choiceDate(this)" value="-1">全部</button>
				</div>
				<div>
					<div class="search-text">
						<label>区域：</label>
						<input type="hidden" id="zone_id" data-bind="value:organizationCode" />
						<input type="hidden" id="zone_type" data-bind="value:organizationType" />
						<input type="text" class="k-textbox" id="zone_name" style="width: 290px" readonly="readonly" />
						<div class="lonix float-frame float" id="zone_float">
							<div class="lonix float-header">
								<input type="text" class="lonix search-input" maxlength="15" placeholder="搜索" />
							</div>
							<div class="lonix float-body">
								<ul class="ztree" id="zone_tree"></ul>
							</div>
							<div class="lonix float-prompt"></div>
							<div class="lonix float-footer">
								<div class="lonix button-group">
									<button class="lonix button primary">确认</button>
								</div>
							</div>
						</div>
					</div>
					<div class="search-text">
						<label>时间区域：</label>
						<input type="text" bdDataTimePicker=" " id="beginTime" data-bind="value:beginTime" style="width:200px"/>
						-
						<input type="text" bdDataTimePicker=" " id="endTime" data-bind="value:endTime" style="width:200px"/>
					</div>
				</div>
			</div>
			<div class="search-Btn">
				<button data-bind="click:find_data">查询</button> <button data-bind="click:reset">重置</button>
			</div>
		</div>
		<div class="carInfo-panel">
			<div class="carData tableDiv" style="height: 100%">
				<div class="checkboxDiv">
					<span><input type="checkbox" name="display_record_status" id="display-primary" value="2" checked /><label for="display-primary">显示已确认</label></span>
					<span><input type="checkbox" name="display_record_status" id="display-correct" value="1" checked /><label for="display-correct">显示已更改</label></span>
					<span><input type="checkbox" name="display_is_cancel" id="display-cancel" checked /><label for="display-cancel">显示已作废</label></span>
				</div>
			    <div id="inspection-list" style="height: calc(100% - 100px)"></div>
			</div>
			<div class="carMessage">
				<div class="switchInfo">
					<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked"/>
					<label for="tab-1" class="tab-label-1">图片</label>
					<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" style="display: none;" />
					<label for="tab-2" class="tab-label-2" style="display: none;">详情</label>
					<div class="content">
						<div class="content-1">
							<div class="magnifier" id="magnifier1">
								<div class="magnifier-container">
									<div class="images-cover"></div>
									<!--当前图片显示容器-->
									<div class="move-view"></div>
									<!--跟随鼠标移动的盒子-->
								</div>
								<div class="magnifier-assembly">
									<div class="magnifier-btn">
										<span class="magnifier-btn-left">&lt;</span>
										<span class="magnifier-btn-right">&gt;</span>
									</div>
									<!--按钮组-->
									<div class="magnifier-line">
										<ul class="clearfix animation03">
											<li id="eg-image">
												<div class="small-img">
													<img src="images/no-pic.png" />
												</div>
											</li>
										</ul>
									</div>
									<!--缩略图-->
								</div>
								<div class="magnifier-view"></div>
								<!--经过放大的图片显示容器-->
							</div>
						</div>
						<div class="content-2">
							<div class="list">
								<label>车主姓名：</label>
								<span>OLP-666</span>
							</div>
							<div class="list">
								<label>车主姓名：</label>
								<span>OLP-666</span>
							</div>
						</div>
					</div>
				</div>

				<div class="numberInfo">
					<div class="div1 black"><span class="black" id="vehicle-no">XXX</span></div>
					<div class="div2" id="vehicle-type">XXX</div>
					<button class="btn1" type="button" data-bind="click:primary_data">确定无误</button>
					<button class="btn2" type="button" data-bind="click:nextData">下一条</button>
				</div>

				<div class="correctInfo">
					<div class="icon">︾</div>
					<div class="plateNumber">
						<div class="numberInto">
							<input type="text" onkeydown="inspectionManager.limitProvince(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<input type="text" onkeydown="inspectionManager.limitVehicleNumber(this, event)" maxlength="1" />
							<dropdown>
								<select style="height:52px;" id="vehicle-number-type">
									<option selected value="0">普通牌</option>
									<option value="1">新能源</option>
								</select>
							</dropdown>
							<dropdown>
								<select style="height:52px;width:68px" id="choice-vehicle-type">
									<option selected value="0">小型车</option>
									<option value="1">中型车</option>
									<option value="2">大型车</option>
								</select>
							</dropdown>
							<button type="button" data-bind="click:search_vehicle">查询</button>
						</div>
					</div>
					<div class="correctBtn">
						<button class="edit" data-bind="click:correct_data">纠正信息</button>
						<button class="del" data-bind="click:cancel_data">车牌作废</button>
					</div>
				</div>
			</div>
			<div class="carParam">
				<h5>参考记录</h5>
				<div class="chooseList">
					显示记录选择：
					<div class="chooseInfo" id="before-record-count" style="display: inline-block">
						<button value="5" class="action" onclick="inspectionManager.choiceCount(this)" type="button">5条</button>
						<button value="10" onclick="inspectionManager.choiceCount(this)" type="button">10条</button>
						<button value="20" onclick="inspectionManager.choiceCount(this)" type="button">20条</button>
						<input type="number" min="1" max="99" style="width:60px;" placeholder="可输入" />
					</div>
				</div>
				<div style="overflow-y:auto; height:225px;">
					<table id="before-record-list">
						<tr id="eg-record">
							<td width="5%"><img src="images/icon-carInto.png"></td>
							<td width="12%">入场时间：</td>
							<td width="30%"></td>
							<td width="12%">入场通道：</td>
							<td width="10%"></td>
							<td width="12%">入场类型：</td>
							<td width="10%"></td>
							<td width="6%"><button type="button" onclick="inspectionManager.searchImage(this, event)">图片</button></td>
						</tr>
					</table>
				</div>
				<div class="timeContrast">
					<span class="sp1"><span>&#8593</span> 前</span>
					<span class="sp2">xxxx-xx-xx 00:00:00</span>
					<span class="sp3"><span>&#8595</span> 后</span>
				</div>
				<div class="chooseList">
					显示记录选择：
					<div class="chooseInfo" id="after-record-count" style="display: inline-block">
						<button class="action" value="5" onclick="inspectionManager.choiceAfterCount(this)" type="button">5条</button>
						<button value="10" onclick="inspectionManager.choiceAfterCount(this)" type="button">10条</button>
						<button value="20" onclick="inspectionManager.choiceAfterCount(this)" type="button">20条</button>
						<input type="number" min="1" max="99" style="width:60px;" placeholder="可输入">
					</div>
				</div>
				<div style="overflow-y:auto; height:225px;">
					<table id="after-record-list"></table>
				</div>
				<div class="newRecord">
					最新记录
				</div>
				<table id="new_record"></table>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="views/parkLotCenter/managerCenter/js/magnifier.js"></script>
<script src="views/parkLotCenter/managerCenter/js/vehicleInspection_manager.js"></script>
<script type="text/javascript">
	$(function() {
		var magnifierConfig = {
			magnifier : "#magnifier1",//最外层的大容器
			width : 600,//承载容器宽
			height : 340,//承载容器高
			moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
			zoom : 5//缩放比例
		};
		var _magnifier = magnifier(magnifierConfig);
	});
	var inspectionManager = new InspectionManager($('#vehicle-inspection'));
</script>